<!DOCTYPE html>
<html lang="cn" dir="ltr">

<head>
  <script type="text/javascript">
    // Single Page Apps for GitHub Pages
    // MIT License
    // https://github.com/rafgraph/spa-github-pages
    // This script checks to see if a redirect is present in the query string,
    // converts it back into the correct url and adds it to the
    // browser's history using window.history.replaceState(...),
    // which won't cause the browser to attempt to load the new url.
    // When the single page app is loaded further down in this file,
    // the correct url will be waiting in the browser's history for
    // the single page app to route accordingly.
    (function (l) {
      if (l.search[1] === '/') {
        var decoded = l.search.slice(1).split('&').map(function (s) {
          return s.replace(/~and~/g, '&')
        }).join('?');
        var path = l.pathname.slice(0, -1) + decoded + l.hash;
        window.history.replaceState({ path }, null,
          path,
        );
      }
    }(window.location));
  </script>

  <meta charset="utf-8" />
  <title>图解</title>
  <meta name="description" content="图解 QUIC, TLS 1.2, TLS 1.3, DTLS 协议的连接及会话过程" />
  <link rel='canonical' href='https://cangsdarm.github.io/illustrate/' />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <link rel="stylesheet" href="./frombootstrap.css?bust" />

  <meta name="msapplication-TileColor" content="#da532c" />
  <meta name="theme-color" content="#ffffff" />
  
  <meta content="图解,QUIC,TLS 1.2,TLS 1.3,DTLS,协议连接,会话过程" name="Keywords" />
  <meta name="google-site-verification" content="Qa9IAETG_rUMzy5ZXHjOxjAK7awElBSO6p_XVLGzuZk" />

</head>

<body>
  <div id="app"></div>
  <script type="module" src="src/index.js"></script>
  <script type="module" async src="./print.js"></script>
  <a class="print-mode" href="#print" onclick="globalThis.illustrate.printMode()">
    [print, TODO]
  </a>
</body>

</html>
